<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta name="format-detection" content="telephone=no">
  <title>ADI MEMS加速度计方案应用</title>

  <!-- 不要删除或改变下面这行代码 -->
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?fc05044d5dbe02da2395154bb60660e1";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
    _hmt.push(['_trackEvent', 'index', 'click']);
  </script>

  
<!-- begin REM Zoom 计算 -->
<script type="text/javascript">
  (function (win) {
    var remCalc = {};
    var docEl = win.document.documentElement,
      tid,
      hasRem = true,
      hasZoom = true,
      zoomRuler = 'width',
      designWidth = 750,
      designHeight = 1334;

    function refresh() {
      var width = docEl.clientWidth;
      var height = docEl.clientHeight;
      if (width > 768) width = 768;
      if (hasRem) {
        var rem = width / 10;
        docEl.style.fontSize = rem + "px";
        remCalc.rem = rem;
        var actualSize = parseFloat(window.getComputedStyle(document.documentElement)["font-size"]);
        if (actualSize !== rem && actualSize > 0 && Math.abs(actualSize - rem) > 1) {
          var remScaled = rem * rem / actualSize;
          docEl.style.fontSize = remScaled + "px";
        }
      }
      if (hasZoom) {
        var style = document.getElementById('J__style');
        if (!style) {
          style = document.createElement('style');
          style.id = 'J__style';
        }
        var r,s;
        if (zoomRuler === 'height') {
          r = height / designHeight;
        } else {
          r = width / designWidth;
        }
        r.toFixed && (r = r.toFixed(5));
        s = '.__z{zoom:' + r + '} ';
        s += '.__s{-webkit-transform: scale(' + r + ');transform: scale(' + r + ')}';

        style.innerHTML = s;
        document.getElementsByTagName('head')[0].appendChild(style);
      }
    }

    function dbcRefresh() {
      clearTimeout(tid);
      tid = setTimeout(refresh, 100)
    }
    win.addEventListener("resize", function () {
      dbcRefresh()
    }, false);

    win.addEventListener("pageshow", function (e) {
      if (e.persisted) {
        dbcRefresh();
      }
    }, false);
    refresh();
    if (hasRem) {
      remCalc.refresh = refresh;
      remCalc.rem2px = function (d) {
        var val = parseFloat(d) * this.rem;
        if (typeof d === "string" && d.match(/rem$/)) {
          val += "px";
        }
        return val;
      };
      remCalc.px2rem = function (d) {
        var val = parseFloat(d) / this.rem;
        if (typeof d === "string" && d.match(/px$/)) {
          val += "rem";
        }
        return val;
      };
      win.remCalc = remCalc;
    }
  })(window);

</script>
<!-- end REM Zoom 计算 -->


<link href="./css/app.css" rel="stylesheet"></head>

<body>
  <div id="loading" class="loading">
    <div class="inner">
      <i class="before"></i>
      <i class="after"></i>
    </div>
    <div class="text">loading</div>
  </div>
  <!-- E loading -->
  <!-- S 主体内容 -->
  <div id="main" class="main hide">
    <div class="swiper-container" id="swiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide swiper-no-swiping" id="home">
          <div class="logo-group clearfix">
            <img class="fl" src="./img/maoze_logo.png" data-preload>
            <img class="fr" src="./img/ana_logo.png" data-preload>
          </div>
          <div class="content">
            <img src="./img/home_pro.png" class="pro" data-preload>
            <img src="./img/home_title.png" class="title" data-preload>
          </div>
          <div class="button-group">
            <div class="start-button">
              <img src="./img/start_bg.jpg" class="bg" data-preload>
              <img src="./img/start_txt.jpg" class="txt" data-preload>
            </div>
            <div class="view-rules-box">
              <label id="accept-label"><input type="checkbox" id="accept-ipt"><i></i></label>
              <p id="view-rules"><span>我已阅读</span><span id="rules-text">游戏条款</span></p>
            </div>
          </div>
        </div>
        <div class="swiper-slide swiper-no-swiping scroll" id="startpage">
          <div class="logo-group clearfix">
            <img class="fl" src="./img/maoze_logo.png" data-preload>
            <img class="fr" src="./img/ana_logo.png" data-preload>
          </div>
          <img src="./img/startpage_title.jpg" class="title">
          <div class="des">
            <p>在工业领域中，设备老化、停机等原因造成的设备停机会给企业带来不小的经济损失。而通过对振动信号的分析，在设备发生停机前监测到潜在故障点，做提前预判，能提高生产效率，降低运维成本。</p>
            <p>当前，工业4.0的实现形式是基于条件的监控，而精确、实时的机器健康监测可以大大减少停机时间和维护成本。ADI
              ADXL100x加速度计以其高宽带、低噪音、高灵敏度等特性，用于为工业4.0应用中的基于条件监测提供高品质机器健康数据，从而最大限度地延长机器的正常运行时间以及最大限度地提高效率，加速工业4.0的推进。</p>
          </div>
          <img src="./img/arrow_down.png" class="arrow-down" data-preload>
        </div>
        <div class="swiper-slide swiper-no-swiping scroll" id="datapage1">
          <div class="logo-group clearfix">
            <img class="fl" src="./img/maoze_logo.png" data-preload>
            <img class="fr" src="./img/ana_logo.png" data-preload>
          </div>
          <div class="content">
            <img src="./img/home_pro.png" class="pro" data-preload>
            <img src="./img/pro_intro_title.png" class="title" data-preload>
          </div>
          <div class="des">
            <p>其主要目的是用于检测机器振动，发现和指示可能发生的故障。整体上看，ADXL100x系列产品具有高带宽、低噪声、高灵敏度、耐冲击、体积小和性能稳定的特点。</p>
            <p>ADXL100x MEMS加速度计可实现高分辨率振动测量，能广泛应用于条件监测、预测性维护（CBM）、资产健康和测试与测量等领域中。</p>
            <p>
              ADXL100x系列加速度计针对工业状态监控应用而优化，高带宽加速度计可以在第一时间发现异常，避免措手不及。其测量带宽高达50kHz。g值范围高达±100g且拥有超低的噪声性。因而在性能方面可与压电加速度计相当。
            </p>
          </div>
          <img src="./img/arrow_down.png" class="arrow-down" data-preload>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="datapage2">
          <div class="logo-group clearfix">
            <img class="fl" src="./img/maoze_logo.png" data-preload>
            <img class="fr" src="./img/ana_logo.png" data-preload>
          </div>
          <div class="content">
            <img src="./img/home_pro.png" class="pro" data-preload>
            <img src="./img/pro_feature_title.png" class="title" data-preload>
          </div>
          <div class="features">
            <img src="./img/pro_feature1.png" data-preload id="1">
            <img src="./img/pro_feature2.png" data-preload id="2">
            <img src="./img/pro_feature3.png" data-preload id="3">
          </div>
          <img src="./img/arrow_down.png" class="arrow-down" data-preload>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="question1">
          <div class="wraper">
            <div class="ques-content">
              <h2 class="title">
                <span>ADXL1001加速度计的的满量程范围是</span>
              </h2>
              <p><span><input type="radio" name="question1"><i></i></span>A. ± 50g</p>
              <p><span><input type="radio" name="question1"><i></i></span>B. ± 100g</p>
              <p><span><input type="radio" name="question1"><i></i></span>C. ± 200g</p>
              <p><span><input type="radio" name="question1"><i></i></span>D. ± 150g</p>
            </div>
            <div class="ques-tips">
              <img src="./img/answer_error_btn.png" class="goback" data-preload>
              <img src="./img/answer_right_btn.png" class="gonext" data-preload>
            </div>
          </div>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="question2">
          <div class="wraper">
            <div class="ques-content">
              <h2 class="title">
                <span>哪个不属于ADXL100x加速度计应用的领域</span>
              </h2>
              <p><span><input type="radio" name="question1"><i></i></span>A. 条件监测</p>
              <p><span><input type="radio" name="question1"><i></i></span>B. CBM</p>
              <p><span><input type="radio" name="question1"><i></i></span>C. 资产健康</p>
              <p><span><input type="radio" name="question1"><i></i></span>D. IoT</p>
            </div>
            <div class="ques-tips">
              <img src="./img/answer_error_btn.png" class="goback" data-preload>
              <img src="./img/answer_right_btn.png" class="gonext" data-preload>
            </div>
          </div>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="question3">
          <div class="wraper">
            <div class="ques-content">
              <h2 class="title">
                <span>哪个不是ADXL100x加速度计的优势</span>
              </h2>
              <p><span><input type="radio" name="question1"><i></i></span>A. 尺寸小</p>
              <p><span><input type="radio" name="question1"><i></i></span>B. 功耗低</p>
              <p><span><input type="radio" name="question1"><i></i></span>C. 低成本</p>
              <p><span><input type="radio" name="question1"><i></i></span>D. 高功率</p>
            </div>
            <div class="ques-tips">
              <img src="./img/answer_error_btn.png" class="goback" data-preload>
              <img src="./img/answer_complete_btn.png" class="gonext complete" data-preload>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="formpage">
      <div class="logo-group clearfix">
        <img class="fl" src="./img/maoze_logo.png" data-preload>
        <img class="fr" src="./img/ana_logo.png" data-preload>
      </div>
      <div class="wraper">
        <img src="./img/formpage_title.png" class="title" data-preload>
        <div class="form">
          <div class="form-item">
            <span>姓 名</span><span class="icon">*</span><input type="text" name="username" placeholder="请输入姓名"
              onblur="checkUserName()" class="fr" id="username">
            <p class="tips" id="name-err"></p>
          </div>
          <div class="form-item">
            <span>手 机</span><span class="icon">*</span><input type="text" name="phone" placeholder="请输入手机号"
              onblur="checkPhone()" class="fr" id="phone">
            <p class="tips" id="phone-err"></p>
          </div>
          <div class="form-item">
            <span>公 司</span><span class="icon">*</span><input type="text" name="company" placeholder="请输入公司名称"
              onblur="checkCompany()" class="fr" id="company">
            <p class="tips" id="company-err"></p>
          </div>
          <div class="form-item">
            <span>邮 箱</span><span class="icon">*</span><input type="text" name="email" onblur="checkEmail()"
              placeholder="请输入邮箱" class="fr" id="email">
            <p class="tips" id="email-err"></p>
          </div>
          <div class="form-item">
            <span>职 位</span><input type="text" name="profile" onblur="checkProfile()" class="fr" id="profile">
            <p class="tips" id="profile-err"></p>
          </div>
          <p class="reminder">Tips: 带 <span>*</span> 的为必填选项</p>
        </div>
        <img id="submit" src="./img/submit_btn.png" data-preload>
        <img src="./img/formpage_tips.png" class="prize" data-preload>
      </div>
      <img src="./img/formpage_code.png" class="code" data-preload>
    </div>
    <div id="productpage">
      <a href="https://www.mouser.cn/new/analog-devices/adi-adxl100x-accelerometers/?utm_source=soical&utm_medium=wechat"
        class="pro-link"><img src="./img/sharepage_buy_txt.png"></a>
      <img src="./img/sharepage_board_txt.png" class="pro-title" data-preload>
      <img id="poster-btn" src="./img/share_btn.png" data-preload>
      <img src="./img/finger.png" class="finger" data-preload>
    </div>
    <div id="poster">
      <img src="./img/poster.png" data-preload>
      <div id="poster-message">
        <p>长按保存海报</p>
        <p>将好运分享出去</p>
      </div>
    </div>
    <!-- S 音乐控件 -->
    <!-- <div id="music-btn" class="rotate"></div> -->
    <!-- E 音乐控件 -->
  </div>
  <!-- E 主体内容 -->
  <!-- S 游戏规则 -->
  <div class="rules">
    <div class="content scroll">
      <p class="title">ADI MEMS加速度计方案应用</p>
      <li>参加</li>
      <p>此次活动不收费用，并且无需购买任何产品即可参加并有机会获奖。必须完整填写上述表格。贸泽电子有权拒绝或放弃任何不完整或令人困惑的登记信息。</p>
      <li>参加者</li>
      <p>这次活动只对18岁以上的中国居民开放，参加者必须居住在中国，并提交有效的中国通讯信息，包括电子邮箱地址、职称和联系电话等。</p>
      <li>抽奖资格</li>
      <p>
        本活动参与者必须是电子行业研发工程师、采购管理等相关人士并关注贸泽电子公众号，奖品发放之前会对用户身份进行审核。对于身份不符，以及信息填写无效或不完整者，将无法通过审核并获得奖品。提交禁止地区或信息无效均无法参加，亦无法获得任何礼品。任何人都不能代表其他人输入信息。
      </p>
      <li>获奖者选择</li>
      <p>获奖者必须完成所有问题且递交才有机会参与抽奖。每人最多只能参加一次，一名用户只能获得一次奖励。</p>
      <li>隐私</li>
      <p>参加者的所有信息均受贸泽电子隐私条款保护，结果公布亦不会公开任何隐私信息 。活动主办方将保护参与者提交的个人信息，不会公开或提供给他人。贸泽电子有权使用活动参与者提供的电子邮箱，向其发送贸泽电子认为适当的任何信息。</p>
      <li>礼品</li>
      <p>参者可有机会美国旅行者精美背包一个。实物礼品将会在一个月内寄送给通过审核的获奖者。</p>
      <li>获奖者通知</li>
      <p>系统会通过电子邮件将中奖通知发送给获奖者确认。所有实物礼品会由快递运到参与者所提供的邮寄地址，贸泽电子不会承担所有运送所造成的风险。无法联系的获奖者可能会被取消资格，或改赠候补的获奖者。参加者只能获奖一次。</p>
      <li>行为准则</li>
      <p>所有参加者同意受这些官方规则约束。对于违反本活动相关规则，或恶意篡改活动过程及结果者，主办方有权取消其参与活动资格。</p>
      <li>接受条款和条件</li>
      <p>主办方对本次活动有最终解释权。</p>
    </div>
    <div class="close"></div>
  </div>
  <!-- E 游戏规则 -->
  <!-- S 游戏条款弹窗 -->
  <div id="rules-message">请先阅读游戏条款</div>
  <!-- E 游戏条款弹窗 -->
  <!-- S 产品弹窗 -->
  <div class="pro-modal" id="pro-modal">
    <div class="logo-group clearfix">
      <img class="fl" src="./img/maoze_logo.png" data-preload>
      <img class="fr" src="./img/ana_logo.png" data-preload>
    </div>
    <div class="content">
      <img src="./img/home_pro.png" class="pro" data-preload>
      <img src="./img/pro_feature_title.png" class="title" data-preload>
    </div>
    <div class="txt"></div>
  </div>
  <!-- E 产品弹窗 -->
  <!-- S 预加载内容 -->
  <img src="./img/body_bg.png" class="hide" data-preload>
  <img src="./img/nextbtn_bg.png" class="hide" data-preload>
  <img src="./img/loading_bg.png" class="hide" data-preload>
  <img src="" class="hide" data-preload>
  <img src="./img/startpage_txt_bg.jpg" class="hide" data-preload>
  <img src="./img/question1_txt_bg.png" class="hide" data-preload>
  <img src="./img/question2_txt_bg.png" class="hide" data-preload>
  <img src="./img/question3_txt_bg.png" class="hide" data-preload>
  <img src="./img/formpage_form_bg.png" class="hide" data-preload>
  <img src="./img/sharepage_bg.png" class="hide" data-preload>
  <img src="./img/textbox_bg.png" class="hide" data-preload>

<script type="text/javascript" src="./js/bundle.js"></script></body>

</html>